<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %> 
<%@ taglib prefix="sj" uri="/struts-jquery-tags" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<link href="./css/style.css" rel="stylesheet" type="text/css">
<link href="./script/script.js" rel="script" type="text/js">
<title>HCGNet</title>
<sj:head   locale="es"/>
</head>
<body>
<div id="fondo">
  <header>
    <h1>Cabecera: header</h1>
  </header>
  <nav>
    <ul>
      <li><a class="mtarea"  onclick="document.getElementById('Interfaz_Autenticar_Mostrar').submit();">Mostrar Tareas </a></li>
      <li><a class="btarea"  onclick='document.getElementById("filtro").style.display="block";'>Buscar Tareas</a></li>
      <li><a class="salir"   onclick='document.getElementById("addtask").style.display="block";'>A&ntilde;adir Tarea</a></li>
      <li><a class="salir" href="#">Salir</a></li>
    </ul>
  </nav>
  
  <s:form action="Interfaz_Autenticar_Mostrar" method="post">
  </s:form>

  <article>
  
  <div id="filtro" style ="color:#ECEDDE;font-weight: bolder;display:none;">
  <s:form action="Interfaz_Autenticar_Buscar" method="post">
  <s:textfield name="filtro._autor" label="Autor"/>
  <sj:datepicker id="filtro._fecha_inicio" label = "Fecha Desde"/>
  <s:submit/>
  </s:form>
  </div>
  
  <div id="addtask" style ="color:#ECEDDE;font-weight: bolder;display:none;">
  <s:form action="Interfaz_Autenticar_Add" method="post">
  <s:textfield name="plantilla._autor" label="Autor"/>
  <s:textfield name="plantilla._nombre" label="Contenido"/>
  <s:submit/>
  </s:form>
  </div>
  
  <div id="completeTask" style="display:none;">
  <s:form action="Interfaz_Autenticar_Completar" method="post">
  <s:textfield name="completeTask._id" />
  <s:submit/>
  </s:form>
  </div>
  
  <div id="deleteTask" style="display:none;">
  <s:form action="Interfaz_Autenticar_Borrar" method="post">
  <s:textfield name="deleteTask._id" />
  <s:submit/>
  </s:form>
  
  </div>
  
  <div class="pizarra">
  
  <s:iterator value="tareaList">
  	<div class="posit">
  	<p>Tarea:#<s:property value="_id"/><s:if test="_autor=='pepe'">
  	<img src="./images/red-cross.png" alt="Borrar" style="height: 20px;" onclick="document.getElementById('Interfaz_Autenticar_Borrar_deleteTask__id').value=<s:property value="_id"/>;document.getElementById('Interfaz_Autenticar_Borrar').submit();"/>
  	</s:if>
  	<img src="./images/checked.png" alt="Completar" style="height: 20px;" onclick="document.getElementById('Interfaz_Autenticar_Completar_completeTask__id').value=<s:property value="_id"/>;document.getElementById('Interfaz_Autenticar_Completar').submit();"/></p>
  	<p><s:property value="_nombre"/></p>
  	
  	</div>
  </s:iterator>
  		<!-- 
		<div class="posit">
  	  		<p> Nota 1 </p>
  	  		<p> Hay que comprar pan </p>
  	  	</div>
  	  	<div class="posit">
  	  		<p> Nota 2 </p>
  	  		<p> Hay que comprar sal </p>
  	  	</div>
  	  	<div class="posit">
  	  		<p> Nota 3 </p>
  	  		<p> Hay que comprar harina </p>
  	  	</div>
  	  	<div class="posit">
  	  		<p> Nota 4 </p>
  	  		<p> Hay que comprar leche </p>
		</div>  	  		
  	  	<div class="posit">
  	  		<p> Nota 5 </p>
  	  		<p> Hay que comprar pizzas </p>
		</div>  	  		
  	  	<div class="posit">
  	  		<p> Nota 6 </p>
  	  		<p> Hay que comprar cafe </p>
  	  	</div>  		
  	  	 -->
  </div>	  		
  </article>
  <aside>

  <a>Bienvenido : <strong><s:property value="autBean._username"/></strong></a>
  </aside>
  <footer>Pie: <strong>footer</strong></footer>
</div>
</body>
</html>